@import url("font-awesome/font-awesome.css");
.article{
    clear:both;
    text-align:left;
    margin-bottom:25px
}
.articleHeadline h1{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8
}
.articleAuthor{
    
}
.articleEntry{
    margin:10px 5px
}
.articleRelated{
    margin:10px 5px;
    text-align:left
}
.articleRelated a{
    display:inline-block;
    margin-top:5px;
    background:url("images/Bullet-Red.png") no-repeat scroll 100% 8px transparent;
    padding-left:12px
}
.articleRelated a:hover{
    text-decoration:none;
    color:#007788
}
.articleImage{
    margin: 2px 10px 4px 4px;
    float:left;
    list-style-type:none
}
.articlePaging{
    border-bottom:1px dotted #D8D8D8;
    padding-bottom:2px;
    margin-bottom:2px
}
.articleCategories{
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px
}
.related h2{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left:5px
}
.postRating h2{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left:5px
}
.articleComments{
    text-align:left;
    clear:both
}
.articleComments h2{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-right:5px
}
.articleComment{
    margin: 5px 0 0 0;
    padding:5px;
    min-height:100px;
    height:auto !important;
    height:100px
}
.articleCommentGravatar{
    margin: 2px 10px 4px 4px;
    float:left
}
.articleCommentContent{
    text-align:left;
    padding: 0 5px 10px 5px
}
.articleCommentAuthor{
    
}
.articleCommentDate{
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px
}
.articleImages{
    text-align:left
}
.articleImages h2{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left:5px
}
/* Photo Area */
.articleImageList{
    margin:0;
    padding: 0 0 0 10px
}
.articleImageList li{
    display:inline;
    float:left;
    margin-right:10px;
    margin-left:10px;
    margin-top:10px;
    border:solid 1px #eee;
    padding:3px
}
/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.4.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.4 * @date November 17,2007 * @category jQuery plugin * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */
#jquery-overlay{
    position:absolute;
    top:0;
    left:0;
    z-index:90;
    width:100%;
    height:500px
}
#jquery-lightbox{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:100;
    text-align:center;
    line-height:0
}
#jquery-lightbox a img{
    border:none
}
#lightbox-container-image-box{
    position:relative;
    background-color:#fff;
    width:250px;
    height:250px;
    margin:0 auto
}
#lightbox-container-image{
    padding:10px
}
#lightbox-loading{
    position:absolute;
    top:40%;
    left:0;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0
}
#lightbox-container-image-data-box{
    background-color:#fff;
    margin:0 auto;
    overflow:auto;
    font-family:Verdana,Helvetica,sans-serif;
    font-size:10px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.4em
}
#lightbox-container-image-data{
    padding:0 10px
}
#lightbox-container-image-details{
    float:left;
    text-align:left;
    width:70%
}
#lightbox-container-image-details-caption{
    font-weight:bold
}
#lightbox-container-image-details-currentNumber{
    clear:left;
    display:block
}
#lightbox-container-image-details-currentNumber a,#lightbox-container-image-details-currentNumber a:hover{
    border-bottom:medium none;
    color:#151410;
    text-decoration:underline
}
#lightbox-container-image-details-nav{
    clear:left;
    display:block;
    padding:0 0 10px
}
#lightbox-container-image-details-nav a,#lightbox-container-image-details-nav a:hover{
    border-bottom:medium none;
    color:#151410;
    text-decoration:underline
}
#lightbox-container-image-details-nav-btnPrev{
    margin: 0 8px 0 0
}
#lightbox-image-details-close-btnClose{
    float:right
}
#lightbox-image-details-close a,#lightbox-image-details-close a:hover{
    border-bottom:medium none;
    color:#151410;
    text-decoration:underline
}
.articleView .related{
    clear:both
}
/*/
//////////////////////////////////////////////////////////////////////////////////*/
.t{
    font-size:12px;
    line-height:1.6em;
    width:100%;
    border-collapse:collapse
}
.t th{
    font-size:13px;
    font-weight:normal;
    padding:8px;
    background:#b9c9fe;
    border-top:4px solid #aabcfe;
    border-bottom:1px solid #fff;
    color:#039
}
.t td{
    padding:8px;
    background:#e8edff;
    border-bottom:1px solid #fff;
    color:#669;
    border-top:1px solid transparent
}
.t tr:hover td{
    background:#d0dafd;
    color:#339
}
/***** M.Kermani - Print ******************************************************************/
.articlePrint{
    direction:rtl;
    margin:0 auto;
    width:650px;
    text-align:left
}
.articlePrint .printhead{
    font:12px/150%;
    margin:0;
    text-align:left
}
.articlePrint .printhead .printlogo{
    float:left;
    text-align:left;
    width:200px;
    padding:10px 0
}
.articlePrint .printhead .headinfo{
    line-height:180%;
    float:right;
    font-size:12px;
    padding:10px 0;
    text-align:right;
    width:400px
}
.articlePrint .printhead .headinfo .printcat{
    padding:5px 0 0
}
.articlePrint .printhead .headinfo .printid{
    padding:5px 0 0
}
.articlePrint .printhead .headinfo .printdt{
    direction:ltr;
    font-size:12px;
    padding:5px 0 0;
    text-align:right
}
.articlePrint .printtextpane{
    border:2px dotted #CCCCCC;
    clear:both;
    padding:20px 30px 40px
}
.articlePrint .printtextpane .nwstxtrotitr{
    color:#000066;
    font:13px;
    margin:0;
    text-align:left
}
.articlePrint .printtextpane .nwstxtinfotitle{
    color:#000066;
    font-size:40px;
    padding:10px 0
}
.articlePrint .printtextpane .nwstxtlead{
    color:#000000;
    margin:3px 0;
    line-height:1.6em !important
}
.articlePrint .printtextpane .nwstxttext{
    clear:both;
    font-size:12px;
    padding:3px 0 0;
    text-align:justify;
    line-height:2em !important
}
.articlePrint .printcopyright{
    background:none repeat scroll 0 0 #DDDDDD;
    direction:rtl;
    font:normal 11px Verdana;
    padding:2px 0;
    text-align:center
}
/*/
/////// New Bonyan ///////////////////////////////////////////////////////////////////////////*/
.scroll180{
    width:100%;
    height:180px;
    overflow:auto
}
.scroll600{
    width:100%;
    height:600px;
    overflow:auto
}
.scroll500{
    width:100%;
    height:500px;
    overflow:auto
}
.adminbuttons{
    display:inline-block;
    width:11%;
    text-align:center
}
.NewsArticles select{
    
}
#articleSearchFormSmall{
    width:83%;
    height:35px;
/*! background:url('Images/search-bg.png') repeat-x 0 0;
    */
    margin: 10px 0 15px 0;
    text-align:left;
    position:relative
}
#articleSearchFormSmall input[type="submit"]{
    position:absolute;
    width:40px;
    height:40px;
    margin: 0 0 0 0 !important;
    cursor:pointer;
    text-indent:-9999px;
    border:0;
    border:solid 1px #eee;
    background:#fff url('Images/search-tool.png') no-repeat center center/ 25px
}
#articleSearchFormSmall input[type="text"]{
    width:95%;
    height:40px;
    line-height:40px;
    color:#004c75;
/* font-size:12px;
    */
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    background:#fff;
    border:0;
    border:solid 1px #eee
}
.right{
    float:left
}
.left{
    float:right
}
.clear_float{
    clear:both;
    line-height:0;
    font-size:0
}
.ArticleView{
    margin: 0 0 0 0;
    text-align:left
}
.ArticleView_bg{
    background:#fff;
    padding:25px
}
.ArticleView .dashboard{
    border-top:#f5f5f5 solid 1px;
    padding:5px;
    height:37px;
    line-height:30px;
    font-size:12px;
    color:#888
}
.ArticleView .dashboard .staticdate{
    font-size:12px;
    color:#4d4d4d;
    height:23px;
    line-height:23px;
    background:url('images/icons-view.png') 100% 0 no-repeat;
    padding: 0 0 0 22px;
    margin-right:40px
}
.ArticleView .dashboard .staticviews{
    font-size:12px;
    color:#4d4d4d;
    height:23px;
    line-height:23px;
    background:url('images/icons-view.png') 100% -32px no-repeat;
    padding: 0 0 0 22px;
    margin-right:40px
}
.ArticleView .dashboard .staticcomments{
    font-size:12px;
    color:#4d4d4d;
    height:23px;
    line-height:23px;
    background:url('images/icons-view.png') 100% -64px no-repeat;
    padding: 0 0 0 22px;
    margin-right:40px
}
.ArticleView .dashboard .controls{
    display:block
}
.ArticleView .dashboard .controls div{
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url('images/icons-view.png')
}
.ArticleView .dashboard .controls a,.ArticleView .dashboard .controls a:active,.ArticleView .dashboard .controls a:hover{
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url('images/icons-view.png');
    text-decoration:none
}
.ArticleView .dashboard .controls a.print{
    background-position:100% -218px
}
.ArticleView .dashboard .controls a.email{
    background-position:100% -188px
}
.ArticleView .dashboard .controls a.minus{
    background-position:100% -159px
}
.ArticleView .dashboard .controls a.default{
    background-position:100% -127px
}
.ArticleView .dashboard .controls a.plus{
    background-position:100% -97px
}
.ArticleView .content{
    text-align:left
}
.ArticleView .content .subtitle{
    font-size:12px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px
}
.ArticleView .content .title{
    font-size:17px;
    color:#444;
    margin: 5px 0 0 0;
    font-weight:bold;
    line-height:1.8em
}
.ArticleView .content .image{
    float:left;
    margin: 0 14px 12px 0;
    padding:3px;
    border:solid 3px #eee
}
/*.ArticleView .content .image img{
    padding:3px;
    border:3px solid #ffffff
}
    */
.ArticleView .content .summary{
    font-size:13px;
    line-height:1.7em;
    text-align:justify;
    color:#393939;
    padding: 15px 0 5px 0;
    margin:0;
    height:170px;
    overflow:hidden
}
.ArticleView .content .description{
    font-size:15px;
    line-height:2em;
    text-align:justify;
    color:#393939;
    padding:4px 0
}
.ArticleView .content .description div{
    font-size:15px;
    line-height:2em;
    text-align:justify
}
.ArticleView .section{
    margin:15px 0;
    background:#fff
}
.ArticleView .section .headding{
    font-size:15px;
    color:#143d61;
    background-color:#fbfbfb;
    border:solid 1px #f5f5f5;
    height:40px;
    line-height:40px
}
.ArticleView .comment{
    margin:5px 0
}
.ArticleView .comment .mcheader{
    padding:5px 13px;
    font-size:13px;
    color:#143d61;
    background-color:#f3f3f3;
    border:solid 1px #c9c9c9;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.ArticleView .comment .mcheader a,.ArticleView .comment .mcheader a:active,.ArticleView .comment .mcheader a:hover{
    font-size:13px;
    color:#143d61;
    text-decoration:none;
    cursor:pointer
}
.ArticleView .comment .mcheader a:visited{
    text-decoration:underline
}
.ArticleView .comment .mcheader .mcauthor,.ArticleView .comment .mcheader .mcdate{
    color:#143d61
}
.ArticleView .comment .mctext{
    font-size:12px;
    line-height:1.7em;
    color:#393939;
    margin:8px 10px
}
.ArticleView .comment .mctext .cmicon{
    width:38px;
    height:38px;
    padding: 0 5px 5px 0;
    background:url('images/icons-view.png') no-repeat 100% -249px
}
.ArticleView .cmform{
    margin:10px 0;
    padding:10px 17px;
    background-color:#fdfdfd;
    border:solid 5px #f3f3f3;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -moz-box-shadow:0 0 1px 1px #888;
    -webkit-box-shadow:0 0 1px 1px #888;
    box-shadow:0 0 1px 1px #888
}
.ArticleView .cmform input[type="text"]{
    width:280px;
    height:30px;
    font-size:12px;
    color:#717171;
    padding-left:5px;
    background-color:#fcfcfc;
    border:solid 1px #d5d5d5
}
.ArticleView .cmform textarea{
    width:510px;
    height:140px;
    font-size:12px;
    color:#717171;
    padding-left:5px;
    background-color:#fcfcfc;
    border:solid 1px #d5d5d5
}
.ArticleView .cmform input[type="button"]{
    width:125px;
    height:40px;
    text-indent:-999999px;
    background:url('images/submit.png') no-repeat 0 0;
    border:0;
    cursor:pointer
}
.ArticleView .datepane{
    float:left
}
.Comment1{
    padding: 0 0 0 5px !important
}
.Comment1 li{
    background:url('Images/newsdotgreen.png') no-repeat 100% 7px;
    padding: 0 8px 10px 12px;
    margin-bottom:10px;
    border-bottom:1px solid #cccccc;
    list-style-type:none
}
.Comment1 li a,.Comment1 li a:hover,.Comment1 li a:active{
    font-size:12px;
    text-decoration:none;
    color:#333333;
    line-height:1.4em
}
.TitleRedBullet{
    padding:0 !important;
    margin:0 !important
}
.TitleRedBullet li{
    background:url('Images/bullet-red.png') no-repeat 100% 5px;
    padding: 0 0 4px 14px;
    line-height:1.2em
}
.TitleRedBullet li a,.TitleRedBullet li a:hover,.TitleRedBullet li a:active{
    font-size:12px;
    text-decoration:none;
    color:#686868;
    line-height:1.4em
}
.TitleRedArrow{
    padding:0 !important;
    margin:0 !important;
    list-style:none
}
.TitleRedArrow li{
/*background:url('Images/Arrow-red.png') no-repeat 100% 7px;
    */
    padding: 0 5px 15px 10px;
    line-height:1.2em
}
.TitleRedArrow li a,.TitleRedArrow li a:hover,.TitleRedArrow li a:active{
    font-size:12px;
    text-decoration:none;
    color:#143d61;
    line-height:1.4em
}
.TitleBlueArrow{
    padding:0 !important;
    margin:0 !important;
    list-style:none
}
.TitleBlueArrow li{
    background:url('Images/Arrow-blue.png') no-repeat 100% 7px;
    padding: 0 0 6px 10px;
    line-height:1.2em
}
.TitleBlueArrow li a,.TitleBlueArrow li a:hover,.TitleBlueArrow li a:active{
    font-size:12px;
    text-decoration:none;
    color:#504f4f;
    line-height:1.4em
}
.ImageTitleAuthor{
    
}
.ImageTitleAuthor .container{
    width:auto;
    margin:8px 0
}
.ImageTitleAuthor .image{
    float:left;
    padding:5px;
    border:solid 1px #adc4fa;
    margin: 0 3px 3px 0
}
.ImageTitleAuthor .title{
    
}
.ImageTitleAuthor .title .icon{
    float:left;
    width:10px;
    height:10px;
    background:url('Images/bullet-green.png') no-repeat 50% 50%;
    margin: 4px 3px 0 1px
}
.ImageTitleAuthor .title a,.ImageTitleAuthor .title a:hover,.ImageTitleAuthor .title a:active{
    font-size:12px;
    text-decoration:none;
    color:#041a72;
    line-height:1.4em
}
.ImageTitleAuthor .author{
    color:#000000;
    padding-top:2px
}
.Newslider{
    position:relative;
    width:440px;
    overflow:hidden;
    direction:ltr;
    margin: 8px 0 15px 0
}
.Newslider ul{
    list-style:none;
    padding:0;
    margin:0
}
.Newslider ul li{
    display:block;
    float:left;
    min-height:120px;
    padding:0
}
.Newslider ul li .container{
    width:auto;
    margin:0 0;
    text-align:left;
    direction:rtl
}
.Newslider ul li .image{
    float:left;
    padding:0;
    margin: 0 8px 3px 0;
    border:solid 3px #ffffff
}
.Newslider ul li .title{
    margin-top:3px
}
.Newslider ul li .title a,.Newslider ul li .title a:hover,.Newslider ul li .title a:active{
    font-size:12px;
    text-decoration:none;
    color:#00386d;
    line-height:1.4em
}
.Newslider ul li .summary{
    font-size:12px;
    color:#474747;
    margin-top:2px;
    text-align:justify
}
.Newslider .dots{
    position:absolute;
    right:10px;
    bottom:0;
    padding:0;
    margin:0
}
.Newslider .dots li{
    background-color:#959595;
    display:inline-block;
    width:8px;
    height:8px;
    text-indent:-9999em;
    margin:0 3px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    cursor:pointer;
    overflow:hidden
}
.Newslider .dots li.active{
    background-color:#2d7eb5
}
.categories{
/*padding: 5px 0 0 0 !important;
    margin: 0 10px 0 12px !important;
    */
    list-style:none
}
ul.categories{
    margin-left:0 !important
}
.categories li{
/*background:url('Images/border-bottom-categories.png') repeat-x 0 100%;
    */
    border-bottom:solid 1px #eee;
    list-style:none outside none !important;
    margin:0;
    padding: 10px 0 13px 0
}
.categories li.last{
    background:none
}
.categories li a{
/*background:url("images/arrow-categories-blue.png") no-repeat 99% 50% transparent;
    */
    margin-left:0;
    color:#676868;
    display:inline-block;
    font-size:12px
}
.categories li a:hover{
    margin-left:4px;
    text-decoration:none
}
.categories li a span{
    font-weight:normal
}
/*---------------*/
.date{
    width:100%
}
.iconpane{
    float:none
}
.iconpane .fa{
    background:#C8C8C8;
    color:#fff;
    padding:5px;
    font-size:15px
}
.iconpane .fa:hover{
    background:#999
}
.datepane .fa-calendar{
    color:#0d874f;
    margin: 0 5px 0 0
}
.date .iconpane{
    float:right !important
}
/*-----------*/
/*---------------------*/
.headding .fa{
    background:#006185;
    padding:10px;
    color:#fff;
    font-size:20px;
    width:40px;
    height:40px
}
.faIcon{
    float:left;
    margin-right:5px
}
.PagingTable{
    width:100%;
    background:#fff;
    height:40px;
    margin-bottom:15px
}
.ArticleView .calendar{
    margin:0
}
.left img{
    vertical-align:middle
}
.row.relatedimage{
    padding:10px
}
.row.relatedimage{
    padding:10px
}
.relatedimage p{
    text-align:center;
    background:#f6f6f6
}
.ourteam .details{
    height:70px !important
}
.row.relatedimage img{
    max-width:100%
}
.relatedimage p:hover{
    color:#004b74
}
.postRating{
    padding:10px
}
.postRating label{
    margin: 0 20px 0 2px
}
/*--------------*/
.articleComments_bg{
    background:#fff;
    margin:15px 0
}
.articleComments{
    text-align:left;
    clear:both;
    padding-bottom:5px
}
.articleComments h2{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-right:5px
}
.postComment p span{
    margin-left:8px
}
/*--------------*/
.articleComments_bg{
    background:#fff;
    margin:15px 0
}
.articleComments{
    text-align:left;
    clear:both;
    padding-bottom:5px
}
.articleComments h2{
    margin-bottom:0;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-right:5px
}
.postComment p span{
    margin-left:8px
}
/*-------------------*/
.postComment input[type="text"]{
    border:solid 1px #eee;
    height:40px;
    text-align:left;
    margin-bottom:5px
}
.postComment textarea{
    border:solid 1px #eee
}
.postComment input[type="button"]{
    border:solid 3px #01465f;
    height:40px;
    background:#006185;
    color:#fff;
    margin-top:10px;
    margin-left:8px;
    padding:0 30px;
    font-size:16px;
    font-weight:bold;
    transition:all ease 0.5s
}
.postComment input[type="button"]:hover{
    background:#01465f;
    border:solid 3px #006185;
    transition:all ease 0.5s
}
/*----------------*/
.postComment p:nth-child(2) input{
    width:88%
}
.postComment p:nth-child(3) input{
    width:88%
}
.postComment p:nth-child(3){
    width:48%;
    display:inline-block;
    margin:0 8px;
    direction:ltr
}
.postComment p:nth-child(2){
    width:48%;
    display:inline-block;
    margin:0 8px;
    direction:ltr
}
.postComment textarea.NormalTextBox{
    width:98% !important;
    margin:0 8px
}
/*---------*/
.row.relatedimage img{
    max-width:100%
}
.image img{
    max-width:100%
}
/*----------blog---------*/
.photo-inner{
    overflow:hidden;
    margin:5px auto 15px 0
}
.photo-inner p{
    margin:8px 3px
}
.photo-inner img{
    border:solid 1px #eee;
    padding:3px
}
.categorylist .fa.fa-list{
    background:#006185;
    color:#fff;
    padding:12px;
    font-size:20px;
    display:inline-block
}
.categorylist{
    border:solid 1px #eee
}
.categorylist .fa.fa-list{
    background:#006185;
    color:#fff;
    padding:12px;
    font-size:20px;
    display:inline-block
}
.PageName{
    display:inline;
    font-size:18px
}
/*------------------------*/
@media only screen and (max-width:1600px){  
    .postComment p:nth-child(2) input{
        width:85%;
        margin-left:14px
    }
    .postComment p:nth-child(3) input{
        width:85%
    }
}
@media only screen and (max-width:1400px){  
    .postComment p:nth-child(2) input{
        width:80%;
        margin-left:14px
    }
    .postComment p:nth-child(3) input{
        width:80%
    }
    .postComment p:nth-child(3){
        width:90%
    }
    .postComment p:nth-child(2){
        width:90%
    }
}
#articleSearchForm h1{
    width:50%;
    margin:0;
    font-size:17px;
    float:left;
    text-align:left
}
element{
    
}
#dnn_ctr392_NewsArticles_ViewSearch_pnlSearch{
    width:50%;
    margin: 0 0 10px 0
}
.adminbuttons{
    display:inline-block;
    width:11%;
    text-align:center
}
/*--------------------newsPages------------------*/
.archivelink{
    text-align:right;
    height:40px;
    line-height:40px
}
.ImageTitleSummary{
    
}
.ImageTitleSummary .newscontainer{
    width:auto;
    margin: 0 0 13px 0;
    text-align:left;
    border:solid 1px #eee;
    padding:15px 0;
    background:#fff
}
.ImageTitleSummary .image{
    float:left;
    padding:3px;
    margin: 0 8px 3px 0;
    border:solid 1px #eee
}
.ImageTitleSummary .image img:hover{
    transform:scale(1.1);
    transition:all ease 0.5s
}
.ImageTitleSummary .image{
    overflow:hidden
}
.ImageTitleSummary .image img{
    transition:all 0.5s ease
}
.ImageTitleSummary .datepane{
    float:left;
    padding: 4px 0 0 0
}
.ImageTitleSummary .spacer{
    height:10px
}
.ImageTitleSummary .date{
    font-size:13px;
    color:#888;
    padding:5px 5px;
    border:solid 1px #f5f5f5;
    height:37px;
    float:right;
    width:100%;
    background:#fbfbfb
}
.ImageTitleSummary .subtitle{
    font-size:12px;
    color:#959595;
    margin:2px 0
}
.ImageTitleSummary .title{
    margin-top:3px
}
.ImageTitleSummary .title .icon{
    float:left;
    width:8px;
    height:8px;
    background:url('Images/Triangle-Red.png') no-repeat 50% 50%;
    margin: 4px 3px 0 1px
}
.ImageTitleSummary .title a,.ImageTitleSummary .title a:hover,.ImageTitleSummary .title a:active{
    font-size:15px;
    text-decoration:none;
    color:#002947;
    line-height:1.4em
}
.ImageTitleSummary .summary{
    font-size:12px;
    color:#4b4b4b;
    margin-top:2px;
    line-height:23px;
    min-height:60px;
    text-align:justify
}
.date{
    width:100%
}
.date .iconpane{
    float:right
}
.iconpane .fa{
    background:#C8C8C8;
    color:#fff;
    padding:5px;
    font-size:15px
}
.iconpane .fa:hover{
    background:#999
}
.datepane .fa-calendar{
    color:#0d874f;
    margin: 0 5px 0 0
}
/*--social--*/
.home04-social02{
    padding-bottom:5px
}
.home04-social02 .fa{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:20px;
    display:inline-block;
    background-color:#20a3f0;
    color:#fff;
    transition:background-color ease-in 200ms;
    -moz-transition:background-color ease-in 200ms;
    -webkit-transition:background-color ease-in 200ms;
    -o-transition:background-color ease-in 200ms;
    -ms-transition:background-color ease-in 200ms;
    border-radius:5px;
    margin-top:5px
}
.home04-social02 .fa.telegram{
    background-color:#00ACED
}
.home04-social02 .fa.instagram{
    background:#ED548E;
    font-size:19px
}
.home04-social02 .fa.facebook{
    background:#3B5998
}
.home04-social02 .fa.pinterest{
    background-color:#ea4d4f !important;
    font-size:19px
}
@media only screen and (max-width:480px){   
    .ImageTitleSummary .title{
        clear:both
    }
}
@media only screen and (max-width:320px){   
    .ImageTitleSummary .datepane{
        font-size:11px
    }
}
.tags a{
    background:#0094ff;
    padding:5px;
    border-radius:3px;
    color:#fff
}